
<!DOCTYPE html>
<html>


<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>乡土味士-后台管理中心 - 店铺中心</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="__PUBLIC__/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!-- jqgrid-->
    <link href="__PUBLIC__/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">

    <link href="__PUBLIC__/css/animate.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/style.min862f.css?v=4.1.0" rel="stylesheet">

    <style>
        /* Additional style to fix warning dialog position */

        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>添加小区</h5>
                </div>
                <div class="ibox-content">
                    <form method="post" class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">小区名称</label>
                            <div class="col-sm-5">
                                <input type="text" name="title" placeholder="" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">(一级)省</label>
                            <div class="col-sm-5">
                                <select class="form-control select-1" name="a_id_1">
                                    <option value="0">请选择</option>
                                    <volist name="areali" id="vo">
                                        <option value="{$vo.id}">{$vo.name}		编号:{$vo.area_id}（{$vo.id}）</option>
                                    </volist>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">(二级)市</label>
                            <div class="col-sm-5">
                                <select class="form-control select-2" name="a_id_2">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">(三级)区</label>
                            <div class="col-sm-5">
                                <select class="form-control select-3" name="a_id_3">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">经纬度</label>
                            <div class="col-sm-8">
                                <div class="row">
                                    <div class="col-md-2">
                                        <input type="text" name="lat" placeholder="维度" class="form-control">
                                    </div>
                                    <div class="col-md-2">
                                        <input type="text" name="lng" placeholder="经度" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">状态</label>
                            <div class="col-sm-10">
                                <div class="radio" >
                                    <label><input type="radio" style="margin-top:0" checked="checked" value="0" name="state" >新增</label>
                                    <label><input type="radio" style="margin-top:0" value="1" name="state" >已审核</label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" type="submit">添加</button>
                                <button class="btn btn-white" type="button" onclick="window.location.href='__MODULE__/Community/index'">取消</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script>
<script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>
<script src="__PUBLIC__/js/plugins/peity/jquery.peity.min.js"></script>
<script src="__PUBLIC__/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
<script src="__PUBLIC__/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
<script src="__PUBLIC__/js/content.min.js?v=1.0.0"></script>
</body>
<script>
    $(document).ready(function(){
        //一级
        $(".select-1").change(function(){
            //获取下一级所有地址
            $.ajax({
                type : "POST",
                dataType : "json",
                url: "__MODULE__/Area/getnext/rid/"+$(".select-1").val(),
                async:false,
                success: function(data){
                    //展示下一级地区
                    var instr="<option value='0'>请选择</option>";
                    for(var i=0;i<data.length;i++){
                        instr+="<option value='"+data[i].id+"'>"+data[i].name+"		编号:"+data[i].area_id+"（"+data[i].id+"）"+"</option>";
                    }//end for
                    $(".select-2 option").remove();//移除所有option
                    $(".select-3 option").remove();//移除所有option
                    $(".select-2").append(instr);//添加新的option
                }
            });//end ajax

        });//end change
        //二级
        $(".select-2").change(function(){
            //获取下一级所有地址
            $.ajax({
                type : "POST",
                dataType : "json",
                url: "__MODULE__/Area/getnext/rid/"+$(".select-2").val(),
                async:false,
                success: function(data){
                    //展示下一级地区
                    var instr="<option value='0'>请选择</option>";
                    for(var i=0;i<data.length;i++){
                        instr+="<option value='"+data[i].id+"'>"+data[i].name+"		编号:"+data[i].area_id+"（"+data[i].id+"）"+"</option>";
                    }//end for
                    $(".select-3 option").remove();//移除所有option
                    $(".select-3").append(instr);//添加新的option
                }
            });//end ajax

        });//end change
    });

</script>

<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>